<%--
  Created by IntelliJ IDEA.
  User: xieji
  Date: 2022/5/15
  Time: 21:06
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <style>
        ul.nav-tabs{
            width: 140px;
            margin-top: 20px;
            border-radius: 4px;
            border: 1px solid #ddd;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
        }
        ul.nav-tabs li{
            margin: 0;
            border-top: 1px solid #ddd;
        }
        ul.nav-tabs li:first-child{
            border-top: none;
        }
        ul.nav-tabs li a{
            margin: 0;
            padding: 8px 16px;
            border-radius: 0;
        }
        ul.nav-tabs li.active a, ul.nav-tabs li.active a:hover{
            color: #fff;
            background: #0088cc;
            border: 1px solid #0088cc;
        }
        ul.nav-tabs li:first-child a{
            border-radius: 4px 4px 0 0;
        }
        ul.nav-tabs li:last-child a{
            border-radius: 0 0 4px 4px;
        }
        ul.nav-tabs.affix{
            top: 30px; /* Set the top position of pinned element */
        }
        .jumbotron {
            width: 100%;
            background-color:#FFEFDB;
        }
        body{
            background: url("../image/th.jpg") no-repeat;
            background-size: cover;
        }
    </style>
</head>
<body data-spy="scroll" data-target="#myScrollspy">
<div class="container">

    <div class="jumbotron">
        <h1>学生实习系统</h1>
    </div>
    <div class="row">
        <div class="col-xs-3" id="myScrollspy">
            <ul class="nav nav-tabs nav-stacked" data-spy="affix" data-offset-top="125">
                <li class="active">
                    <a href="#section-1">审批学生实习信息</a></li>
                <li><a href="#section-2">实习打分</a></li>

            </ul>
        </div>
        <div class="col-xs-9">
            <h5 id="section-1" style="text-align: center"></h5>
            <table border="3"  align="center" width="90%">
                <tr>
                    <th>学生id</th>
                    <th>学生姓名</th>
                    <th>学生性别</th>
                    <th>专业</th>
                    <th>成绩</th>
                    <th>是否同意</th>
                    <th>操作</th>
                </tr>
                <c:forEach items="${teacher_query}" var="p">
                    <tr>
                        <td>${p.sid}</td>
                        <td>${p.sname}</td>
                        <td>${p.ssex}</td>
                        <td>${p.smajor}</td>
                        <td>${p.sgrade}</td>
                        <td>
                            是<input type="radio" name="type">
                            否<input type="radio" name="type">
                        </td>
                        <td><input type="submit" value="提交"></td>
                    </tr>
                </c:forEach>
            </table>
        </div>
    </div>
</div>
</body>
</html>
